<template>
    <div class="signDialog">
        <el-dialog v-model="showRef" :title="title" :width="width"  @close='clickClose' :close-on-click-modal='false' append-to-body destroy-on-close>
            <div class='content'>
                <slot name='content'>

                </slot>
            </div>
        </el-dialog>
    </div>
</template>

<script setup>
import { ref } from "vue"
const props = defineProps({
    dialogVisible: {
        type: Boolean,
        default: ""
    },
    width: {
        type: String,
        default: ""
    },
    title:{
        type: String,
        default: ""  
    },
    signId:{
        type: String,
        default: "" 
    }

})

const showRef = ref(false);
const {dialogVisible}=toRefs(props)
const emits = defineEmits(['update:dialogVisible']);
watch(dialogVisible,(data)=>{   
    showRef.value=data
})

const clickClose=()=>{
    showRef.value=false
    emits('update:dialogVisible',false)
}
</script>

<style lang="scss" scoped></style>